<template>
    <div class="goods">
     <good-list-item v-for="(item ,index) in goods"  :goods-item="item" :key="index">
     </good-list-item>
    </div>
</template>

<script>
    import  goodListItem from  './goodslistitem'

    export default {
        name: "goodlist",
        components: {
            goodListItem
        },
        props:{
            goods:{
                type: Array,
                default(){
                    return []
                }
            }
        }
    }
</script>

<style scoped>
.goods{
    display: flex;
    /*flex-wrap: nowrap;默认这个的话是会挤在一块的，弄成wrap就会检测图片大小，自动换行*/
    flex-wrap: wrap;
    /*均等分*/
    justify-content: space-around;
}
</style>